export const stepClassNameMap = reactive<any>({
  step1: "driver-step1",
  step2: "driver-step2",
  step3: "driver-step3",
  step4: "driver-step4",
  step5: "driver-step5",
  step6: "driver-step6",
});

export const stepIntroList = reactive<any>([
  {
    element: "welcome",
    popover: {
      title: getProxyT("home8"),
      description: getProxyT("home9"),
    },
  },
  {
    element: "." + stepClassNameMap.step1,
    popover: {
      title: getProxyT("home10"),
      description: getProxyT("home11"),
    },
  },
  {
    element: "." + stepClassNameMap.step2,
    popover: {
      title: getProxyT("home12"),
      description: getProxyT("home13"),
    },
  },
  {
    element: "." + stepClassNameMap.step3,
    popover: {
      title: getProxyT("home14"),
      description: getProxyT("home15"),
    },
  },
  {
    element: "." + stepClassNameMap.step4,
    popover: {
      title: getProxyT("home16"),
      description: getProxyT("home17"),
    },
  },
  {
    element: "." + stepClassNameMap.step5,
    popover: {
      title: getProxyT("home20"),
      description: getProxyT("home21"),
    },
  },

  {
    element: "." + stepClassNameMap.step6,
    popover: {
      title: getProxyT("home18"),
      description: getProxyT("home19"),
    },
  },
]);
